<!--
 * @Author: wangwang 2723008256@qq.com
 * @Date: 2022-05-07 11:36:33
 * @LastEditors: wangwang 2723008256@qq.com
 * @LastEditTime: 2022-05-11 11:16:07
 * @FilePath: \jzjy\src\views\components\activeCard.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="box">
    <img src="../../../assets/img/images/resClass.png" />
    <div class="activename">高一语文《红楼梦》与乡土中国在线协同教研</div>
    <p>英语学科带头人张瑞敏</p>
  </div>
</template>

<script>
export default {
  name: "classBox",
};
</script>

<style lang="less" scoped>
.box {
  // display: flex;
  // flex-direction: column;
  // justify-content: space-around;
  width: 282px;
  //   height: 146px;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  img {
    margin-bottom: 10px;
    width: 282px;
    height: 146px;
  }
  .activename {
    margin-bottom: 18px;
    width: 280px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #333333;
  }
  p {
    font-size: 14px;
    color: #939599;
  }
}
</style>
